body {
	margin: 0;
	padding: 0;
	/*background: #912824;*/
	background: #7FAFBF;
	color: #333;
	font-family: Verdana, sans-serif;
}
h1 {
	margin: 0 0 5px 0;
}
p {
	margin: 0 0 20px 0;
	line-height: 1.4em;
}
#header {
	margin: 0;
	padding: 20px 0px 10px 0;
	background: #ffffff;
}
#header #logo {
	margin: 0 auto;
	width: 1175px;	
}
#nav {
	/*background: #447236;*/
	background: #737046;
}
#nav ul {
	margin: 0 auto;
	width: 1175px;
	list-style-type: none;
}
#nav ul li {
	display: inline;
}
#nav ul li a {
	padding: 10px 20px 20px 20px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}
#nav ul li a.active {
	background: #eee;
	color: #333;
}
#wrap {
    margin: 0 auto;
    padding: 10px 0 0 0;
	width:  1175px;
	background: #eee;
	/*border-left: 10px solid #560000;
	border-right: 10px solid #560000;*/
	border-left: 10px solid #416673;
	border-right: 10px solid #416673;
}
#wrap-rec {
    margin: 0 auto;
    padding: 10px 0 0 0;
	width:  1175px;
	background: #eee;
	/*border-left: 10px solid #560000;
	border-right: 10px solid #560000;*/
	border-left: 10px solid #416673;
	border-right: 10px solid #416673;
}

#myInput {
     background-image: url('/stylesheets/searchicon.png');
     background-position: 10px 12px;
     background-repeat:  no-repeat;
     width:  100%;
     font-size:  16px;
     padding:  12px 10px 12px 40px;
     border: 1px solid #ddd;
     margin-bottom:  12px;
  }

.h {
	font-weight: bold;
	text-decoration: underline;
}
.neg {
	color: #FF0000;
}
.uneg {
	color: #FF0000;
	text-decoration: underline;
}
.bneg {
	font-weight: bold;
	color: #FF0000;
}

 /* Dropdown Button */
.dropbtn {
  /*background-color: #3498DB;*/
  background-color: #737046;
  padding: 10px 20px 20px 20px;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  border: none;
  cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  /*background-color: #2980B9;*/
  background-color: #8C884F;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  /*background-color: #f1f1f1;*/
  background-color: #737046;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
    /* background-color: #ddd; */
    background-color: #8C884F;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

.sticky {
     position: fixed;
     top: 0;
     width: 100%;
}

.sticky + .body {
     padding-top:  60px;
}

td a {
	color: #447236;
}
/* define height and width of scrollable area. Add 16px to width for scrollbar          */
        div.tableContainer {
            clear: both;
            border: 1px solid #963;
            height: 600px;
            overflow: auto;
            width: 600px;
            padding: 0 0 30px 0;
        }

        /* Reset overflow value to hidden for all non-IE browsers. */
        html>body div.tableContainer {
            overflow: hidden;
            width: 600px
        }

        /* define width of table. IE browsers only                 */
        div.tableContainer table {
            float: left;
            width: 600px
        }

        /* define width of table. Add 16px to width for scrollbar.           */
        /* All other non-IE browsers.                                        */
        html>body div.tableContainer table {
            width: 600px;
        }

        /* set table header to a fixed position. WinIE 6.x only                                       */
        /* In WinIE 6.x, any element with a position property set to relative and is a child of       */
        /* an element that has an overflow property set, the relative value translates into fixed.    */
        /* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
        thead.fixedHeader tr {
            position: relative
        }

        /* set THEAD element to have block level attributes. All other non-IE browsers            */
        /* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
        html>body thead.fixedHeader tr {
            display: block
        }

        /* make the TH elements pretty */
        thead.fixedHeader th {
            /*background :#B1B1FF;*/
	        background: #CA9AA7;
	        border-left: 1px solid #ccc;
            border-right: 1px solid #ccc;
            border-top: 1px solid #ccc;
            font-weight: bold;
            padding: 4px 3px;
            text-align: left
        }

        /* make the A elements pretty. makes for nice clickable headers                */
        thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
            color: #FFF;
            display: block;
            text-decoration: none;
            width: 100%
        }

        /* make the A elements pretty. makes for nice clickable headers                */
        /* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
        thead.fixedHeader a:hover {
            color: #FFF;
            display: block;
            text-decoration: underline;
            width: 100%
        }

        /* define the table content to be scrollable                                              */
        /* set TBODY element to have block level attributes. All other non-IE browsers            */
        /* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
        /* induced side effect is that child TDs no longer accept width: auto                     */
        html>body tbody.scrollContent {
            display: block;
            height: 596px;
            overflow: auto;
            width: 100%
        }

        /* make TD elements pretty. Provide alternating classes for striping the table */
        /* http://www.alistapart.com/articles/zebratables/                             */
        tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
            background: #FFF;
            border-bottom: none;
            border-left: none;
            border-right: 1px solid #CCC;
            border-top: 1px solid #DDD;
            padding: 2px 3px 3px 4px
        }

        tbody.scrollContent tr.alternateRow td {
            background: #EEE;
            border-bottom: none;
            border-left: none;
            border-right: 1px solid #CCC;
            border-top: 1px solid #DDD;
            padding: 2px 3px 3px 4px
        }

        /* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
        /* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
        /* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
        html>body thead.fixedHeader th {
            width: 200px
        }

        html>body thead.fixedHeader th + th {
            width: 240px
        }

        html>body thead.fixedHeader th + th + th {
            width: 300px
        }

        /* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
        /* All other non-IE browsers.                                            */
        /* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
        html>body tbody.scrollContent td {
            width: 200px
        }

        html>body tbody.scrollContent td + td {
            width: 240px
        }

        html>body tbody.scrollContent td + td + td {
            width: 300px
        }
.leftcol {
       float: left;
       width: 50%;
}
.rightcol {
       float: left;
       width: 50;
}
.login {
	padding: 0 0 0 10px;
}
input[type=submit] {
    padding:5px 15px; 
    background:#ccc;
    font-size: 16px;
    font-weight: bold; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}
input[type=text] {
	font-size: 16px;
}
input[type=file] {
	font-size: 16px;
}
input[type=password] {
	font-size: 16px;
}
input[type=checkbox]
{
  font-size: 16px;
}
input[type=date] {
	font-size: 16px;
}
select {
	font-size: 16px;
}